<template>
  <div class="form-wap" style="min-height: 60vh">
    <div ww3 auto>
      <el-page-header @back="goBack" content="发票详情">
      </el-page-header>
    </div>

    <div style="width: 70%" auto="">
      <div fz-16 style="padding-top:4%" flex="" flex-c="" space-be="">
        发票流水号: FP211117130125
        <a href="" target="_blank" blue="">查看电子发票</a>
      </div>

      <el-divider></el-divider>
      <el-form :inline="true" :model="formInline" class="demo-form-inline"  size="medium" label-width="150px">
        <div class="flex-input" style="margin-top: 3%;">
          <el-form-item label="发票类型" class="el-form-item2">
            <el-input v-model="formInline.user" disabled></el-input>
          </el-form-item>

          <el-form-item label="发票金额（含税）" class="el-form-item2">
            <el-input v-model="formInline.user2" disabled></el-input>
          </el-form-item>
        </div>

        <div class="flex-input">
          <el-form-item label="抬头类型" class="el-form-item2">
            <el-input  v-model="formInline.user3" disabled></el-input>
          </el-form-item>

          <el-form-item label="发票抬头" class="el-form-item2">
            <el-input v-model="formInline.user4" disabled></el-input>
          </el-form-item>
        </div>

        <div class="flex-input">
          <el-form-item label="企业税号" class="el-form-item2">
            <el-input  v-model="formInline.user5" disabled></el-input>
          </el-form-item>

          <el-form-item label="公司电话" class="el-form-item2">
            <el-input v-model="formInline.user6" disabled></el-input>
          </el-form-item>
        </div>

        <div class="flex-input">
          <el-form-item label="开户银行" class="el-form-item2">
            <el-input  v-model="formInline.user7" disabled></el-input>
          </el-form-item>

          <el-form-item label="银行账户" class="el-form-item2">
            <el-input v-model="formInline.user8" disabled></el-input>
          </el-form-item>
        </div>
          <p fz- style="color: var(--color-black)">配送信息</p>

        <el-divider></el-divider>

        <div class="flex-input">
          <el-form-item label="电子邮箱" class="el-form-item2">
            <el-input  v-model="formInline.user9" disabled></el-input>
          </el-form-item>

          <el-form-item label="备注说明" class="el-form-item2">
            -
          </el-form-item>
        </div>
      </el-form>

    </div>


  </div>
</template>

<script>
export default {
  name: "VatId",

  data() {
    return {
      formInline: {
        user: '普票（电子）',
        user2: '1元',
        user3: '个人',
        user4: '白羊星传媒',
        user5: '-',
        user6: '-',
        user7: '-',
        user8: '-',
        user9: '-',
      }
    }
  },

  methods:{
    goBack() {
      this.$router.go(-1)
    },

  }
}
</script>

<style scoped>
.el-form-item2{
  width: 45%;
}
</style>
